import VueRouter from 'vue-router'

import home from './components/tabbars/HomeComponent.vue'
import shop from './components/tabbars/ShopComponent.vue'
import search from './components/tabbars/SearchComponent.vue'
import member from './components/tabbars/MemberComponent.vue'
import newsList from './components/news/NewsListComponent.vue'
import photoShare from './components/photo/PhotoShareComponent.vue'
import homeShop from './components/shop/ShopComponent.vue'
import leaveMessage from './components/message/LeaveMessageComponent.vue'
import videoZone from './components/vedio/VideoZoneComponemt.vue'
import contactUs from './components/contact/ContactUsComponent.vue'
import newsDetail from './components/news/NewsDetailComponent.vue'
import  photodetail from './components/photo/PhotoDetail.vue'


const router = new VueRouter({
    routes : [
        {path : '/' ,redirect: '/home'},
        {path : '/home' ,component : home},
        {path : '/home/newsList' ,component : newsList},
        {path : '/home/newsDetail/:id' ,component : newsDetail,props : true},
        {path : '/home/photoShare' ,component : photoShare},
        {path : '/home/photodetail/:id' , component : photodetail , props : true},
        {path : '/home/shop' ,component : homeShop},
        {path : '/home/leaveMessage' ,component : leaveMessage},
        {path : '/home/videoZone' ,component : videoZone},
        {path : '/home/contactUs' ,component : contactUs},
        {path : '/member' ,component : member},
        {path : '/shop' ,component : shop},
        {path : '/search' ,component : search},
    ],
     linkActiveClass : 'mui-active'
})

export default router